.fundBudget-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.fundScreen-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 5px 15px 5px;
			background: url("@/assets/screenImg/commonImg/commonMainBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 545px;
				height: 100%;
				display: flex;
				padding-left: 10px;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top,
				.lf-middle,
				.lf-bottom {
					width: 100%;
				}
				.lf-top {
					flex: 1;
					.lf-top-cn {
						width: 100%;
						height: calc(100% - 60px);
						display: flex;
						align-items: center;
						justify-content: space-between;
						.itemBox {
							flex: 1;
							height: 46px;
							margin-left: 46px;
							display: flex;
							img {
								width: 43px;
								height: 46px;
								margin-right: 15px;
							}
							.itemCnBox {
								display: flex;
								flex-direction: column;
								justify-content: space-around;
								.cnTitle {
									color: #d3e3ff;
									letter-spacing: 1px;
								}
								.cnInfo {
									color: #ffffff;
									text-shadow: 0px 1px 5px #ffda3a;
									font-family: SourceHanSansMedium;
									span {
										font-size: 18px;
									}
								}
							}
						}
					}
				}
				.lf-middle {
					flex: 3;
					.lf-middle-cn {
						width: 100%;
						height: calc(100% - 60px);
					}
				}
				.lf-bottom {
					flex: 3;
					.lf-bottom-cn {
						width: 100%;
						height: calc(100% - 60px);
						padding: 10px 25px 25px 15px;
					}
				}
			}
			.dataScreen-ct {
				flex: 1;
				height: 100%;
				padding: 0 15px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.ct-top,
				.ct-middle,
				.ct-bottom {
					width: 100%;
				}
				.ct-top {
					flex: 1;
					padding-top: 25px;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-around;
					.top-item {
						width: 43%;
						height: 74px;
						margin-bottom: 24px;
						background: url("@/assets/screenImg/commonImg/sm-bg.png") no-repeat;
						background-size: 100% 100%;
						display: flex;
						align-items: center;
						justify-content: flex-start;
						padding-left: 30px;
						.imgBox {
							width: 52px;
							height: 44px;
							margin-right: 19px;
							background: url("@/assets/screenImg/commonImg/typeImg.gif")
								no-repeat;
							background-size: 100% 100%;
						}
						.rightBox {
							flex: 1;
							height: 53px;
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							.right-title {
								margin-top: 3px;
								margin-bottom: 5px;
								font-weight: 600;
								color: #edf4ff;
								margin-right: 6px;
							}
							.right-info {
								flex: 1;
								position: relative;
								.unit {
									position: absolute;
									left: 0;
									top: 11px;
									letter-spacing: 2px;
									font-size: 14px;
									color: #dee0e9;
									text-shadow: none;
								}
							}
						}
					}
				}
				.ct-middle {
					flex: 3;
					.ct-middle-cn {
						width: 100%;
						height: calc(100% - 60px);
						padding-top: 20px;
            display: flex;
            flex-direction: column;
						.middle-cn-top {
							width: 100%;
              height: 50px;
							display: flex;
              align-items: center;
							.chartTitle {
								margin-bottom: 10px;
								font-family: SourceHanSansMedium;
								color: #ffffff;
								text-shadow: 0px 0px 8px #56caff;
							}
							.lineChart1Box {
								flex: 2;
                height: 100%;
							}
							.lineChart2Box {
								flex: 2;
                height: 100%;
							}
							.effectBox {
								width: 218px;
								padding-left: 5px;
								display: flex;
								align-items: center;
								.effect-cn {
									width: 100%;
									height: 32px;
									display: flex;
									align-items: center;
									padding-left: 14px;
									background: url("@/assets/screenImg/commonImg/HRBg.png")
										no-repeat;
									background-size: 100% 100%;
									span {
										color: #fff;
										font-family: SourceHanSansMedium;
										&:last-child {
											font-size: 18px;
											color: #56caff;
										}
									}
								}
							}
						}
						.middle-cn-bottom {
							width: 100%;
							flex: 1;
							padding-top: 20px;
						}
					}
				}
				.ct-bottom {
					flex: 3;
					.ct-bottom-cn {
						width: 100%;
						height: calc(100% - 60px);
					}
				}
			}
			.dataScreen-rg {
				width: 477px;
				height: 100%;
				padding: 0 10px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.rg-top,
				.rg-middle,
				.rg-bottom {
					width: 100%;
				}
				.rg-top {
					flex: 1;
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-start;
					.top-item {
						width: 50%;
						display: flex;
						align-items: center;
						margin-top: 25px;
						.imgBox {
							width: 70px;
							height: 53px;
							margin-right: 5px;
							background: url("@/assets/screenImg/leaderImg/starsBg.gif")
								no-repeat;
							background-size: 80% 70%;
							background-position-x: center;
							background-position-y: top;
							img {
								width: 100%;
								height: 100%;
							}
						}
						.item-right {
							flex: 1;
							height: 64px;
							color: #d3e3ff;
							letter-spacing: 2px;
							display: flex;
							flex-direction: column;
							justify-content: space-around;
							.titleBox {
								margin: 5px 0;
							}
							.infoBox {
								flex: 1;
								position: relative;
								.unit {
									position: absolute;
									left: 0;
									top: 9px;
									letter-spacing: 1px;
								}
							}
						}
					}
				}
				.rg-middle {
					flex: 3;
					.rg-middle-cn {
						width: 100%;
						height: calc(100% - 60px);
					}
				}
				.rg-bottom {
					flex: 3;
					.rg-bottom-cn {
						width: 100%;
						height: calc(100% - 60px);
						.titleBox {
							margin-top: 10px;
							margin-bottom: 20px;
							display: flex;
							justify-content: space-around;
							.title-item {
								width: 46%;
								height: 32px;
								display: flex;
								align-items: center;
								padding-left: 10px;
								background: url("@/assets/screenImg/projectImg/state3.png")
									no-repeat;
								background-size: 100% 100%;
								span {
									font-family: SourceHanSansMedium;
									&:first-child {
										font-size: 14px;
										color: #ffffff;
									}
									&:last-child {
										font-size: 18px;
										color: #ffda3a;
									}
								}
								.unit {
									font-size: 10px !important;
									color: #dee0e9 !important;
								}
							}
						}
						.tableBox {
							width: 100%;
							height: calc(100% - 80px);
						}
					}
				}
			}
		}
	}
}
// 表格滚动hover样式
:deep(.dv-scroll-board) {
	&.loan-state {
		.header {
			.header-item {
				color: #56caff;
			}
		}
		.rows {
			.row-item {
				position: relative;
				&::after {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					bottom: 1px;
					width: 100%;
					height: 1px;
					box-shadow: 0px -1px 8px 2px #0f3691;
					border: 1px solid #b3caff;
				}
			}
		}
	}
	.rows {
		.row-item {
			&:hover {
				background: linear-gradient(
					270deg,
					rgba(26, 123, 230, 0) 0%,
					rgba(69, 193, 255, 0.8) 100%
				);
			}
		}
	}
}
